<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/jquery.js"> </script>
    <script src="js/all.js"></script>
    <script src="js/swiper.min.js"> </script>
  </head>
  <body> 
    <header>
      <div class="container">
        <div class="logo"><img src="public/images/logo.png" alt=""></div>
        <div class="right">
          <div class="a_red"></div>
          <div class="nav_li">
            <ul>
              <li><a href="javascript:;">无障碍浏览</a></li>
              <li><a href="javascript:;">市民信箱</a></li>
              <li><a href="javascript:;">站群导航</a></li>
              <li><a href="javascript:;">走进北京</a></li>
              <li><a href="javascript:;">关于我们</a></li>
            </ul>
          </div>
          <div class="login"><a href="javascript:;">登录</a></div>
        </div>
      </div>
    </header>
    <div class="nav">
      <div class="container">
        <ul class="nav"> 
          <li><a href="index.html"> 
              <div><i><img class="src" src="public/images/首页.png" alt=""></i><span>首页</span></div></a></li>
          <li><a href="public.html"> 
              <div><i><img class="src" src="public/images/政务.png" alt=""></i><span>政务公开</span></div></a></li>
          <li><a href="publish.html"> 
              <div><i><img class="src" src="public/images/政务要闻.png" alt=""></i><span>政府发文</span></div></a></li>
          <li><a href="interact.html"> 
              <div><i><img class="src" src="public/images/组织.png" alt=""></i><span>政务互助</span></div></a></li>
          <li><a href="onlineService.html"> 
              <div><i><img class="src" src="public/images/电脑.png" alt=""></i><span>在线办事</span></div></a></li>
        </ul>
        <div class="search"><img src="public/images/搜索--1.png" alt=""></div>
      </div>
    </div>
    <div class="center">
      <div class="middle">
        <div class="chineseWord clearfix">
          <div class="container"> <span>回首峥嵘岁月</span><i class="iconfont">&#xe7a9;</i><span>感受光辉历程</span></div>
        </div>
        <div class="englishWord"><span>THE WORLD'S FIRST REAL ESTATE INVESTMENT PLATFORM NEVER FORGET THE BEGINNING AND REMEMBER THE MISSION</span></div><a class="join_us" href="javascript:;"><span>加入我们</span></a>
        <ul class="point"> 
          <li class="current"> </li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
    </div>
    <div class="quick">
      <div class="top">
        <div class="fast"> 
          <div class="line1 clearfix"></div><span class="chinese clearfix">快捷操作</span>
          <div class="line2 clearfix"> </div><span class="english">FAST OPERATION </span>
        </div>
      </div>
      <ul class="do_somethings">
        <li><i class="iconfont">&#xe6bb;</i>
          <h3 class="title">党建活动</h3><span class="desp">反映情况要真实、准确，不得捏造、歪曲事实、诽谤、诬告、陷害他人。用语要文明、规范，同时请不要用网页链接的方式代替写信。</span>
          <div class="join"> 
            <button type="submit">立即参与</button>
          </div>
        </li>
        <li class="do_current"> <i class="iconfont">&#xe606;</i>
          <h3 class="title">书记信箱</h3><span class="desp">反映情况要真实、准确，不得捏造、歪曲事实、诽谤、诬告、陷害他人。用语要文明、规范，同时请不要用网页链接的方式代替写信。</span>
          <div class="join"> 
            <button type="submit">立即撰写</button>
          </div>
        </li>
        <li><i class="iconfont">&#xe63b;</i>
          <h3 class="title">党员学习</h3><span class="desp">
             反映情况要真实、准确，不得捏造、歪曲事实、诽谤、诬告、陷害他人。用语要文明、规范，同时请不要用网页链接的方式代替写信。</span>
          <div class="join"> 
            <button type="submit">查看学习</button>
          </div>
        </li>
        <li><i class="iconfont">&#xe60f;</i>
          <h3 class="title">便民活动</h3><span class="desp">反映情况要真实、准确，不得捏造、歪曲事实、诽谤、诬告、陷害他人。用语要文明、规范，同时请不要用网页链接的方式代替写信。</span>
          <div class="join"> 
            <button type="submit">立即参与</button>
          </div>
        </li>
        <li><i class="iconfont">&#xe6f3;</i>
          <h3 class="title">两学一做</h3><span class="desp">反映情况要真实、准确，不得捏造、歪曲事实、诽谤、诬告、陷害他人。用语要文明、规范，同时请不要用网页链接的方式代替写信。</span>
          <div class="join"> 
            <button type="submit">立即学习</button>
          </div>
        </li>
        <li><i class="iconfont">&#xe643;</i>
          <h3 class="title">在线测评</h3><span class="desp">反映情况要真实、准确，不得捏造、歪曲事实、诽谤、诬告、陷害他人。用语要文明、规范，同时请不要用网页链接的方式代替写信</span>
          <div class="join"> 
            <button type="submit">在线测评</button>
          </div>
        </li>
      </ul>
    </div>
    <div class="about_us">
      <div class="top">
        <div class="us">
          <div class="line1 clearfix"></div><span class="chinese clearfix">关于我们</span>
          <div class="line2 clearfix"> </div><span class="english">FAST OPERATION </span>
        </div>
      </div>
      <div class="bottom-swiper">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide"> <img src="public/images/bSwiper01.png" alt=""></div>
            <div class="swiper-slide"> <img src="public/images/bSwiper01.png" alt=""></div>
            <div class="swiper-slide"> <img src="public/images/bSwiper01.png" alt=""></div>
          </div>
          <div class="swiper-pagination"></div>
        </div>
      </div>
    </div>
    <footer>
      <div class="top">
        <div class="container">
          <div class="logo"></div>
          <div class="call_us">
            <h4>联系我们</h4>
            <ul>
              <li>联系电话：400-000-9999</li>
              <li>商业沟通 baotu@baotubaotu.com</li>
              <li>办公时间：09：00-20：00</li>
              <li>办公地址：北京朝阳区紫禁城内999号1099</li>
            </ul>
          </div>
          <div class="demo">
            <h4>案例</h4>
            <ul>
              <li>查看案例</li>
              <li>我的案例</li>
              <li>更多案例查看</li>
            </ul>
          </div>
          <div class="about"> 
            <h4>关于</h4>
            <ul>
              <li>查看案例</li>
              <li>我的案例</li>
              <li>更多案例查看</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="bottom">
        <p>京ICP备0000999999号-001版权所属爱包图科技有限公司严谨的备案号</p>
      </div>
    </footer>
  </body>
</html>